@charset "UTF-8";
/** 功能介绍stylesheet zeyuan_html_pc_list_functions 引入文件 common.scss header.scss */
body, img, p, dl, dt, dd, ul, li, h1, h2 { margin: 0; padding: 0; }

html, body { font-family: "微软雅黑","Microsoft Yahei",Helvetica, sans-serif; text-align: left; }

a { text-decoration: none; }

ul { list-style: none; }

button { border: none; }

img { border: none; }

input, button { box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box; /*消除ＩＯＳ　ｉｎｐｕｔ　　阴影*/ }

::-webkit-input-placeholder { /* WebKit browsers */ color: #CCCCCC; }

input:focus { outline: none; }

.wrap { width: 1100px; margin: 0 auto; }

.wrap:before, .section:before, .index-sec1 .wrap .content:before, .index-sec3 .line2:before, .wrap:after, .section:after, .index-sec1 .wrap .content:after, .index-sec3 .line2:after { content: ""; display: table; font: 0/0 a; }
.wrap:after, .section:after, .index-sec1 .wrap .content:after, .index-sec3 .line2:after { clear: both; }

.cl-fl { float: left; }

.cl-fr { float: right; }

.cl-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.cl-clear { zoom: 1; }

.icon { display: inline-block; vertical-align: -1px; }

.cl-fl { float: left; }

.cl-fr { float: right; }

.cl-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.cl-clear { zoom: 1; }

.cl-list-time { position: absolute; right: 0; top: 0; }

/** 常规元素reset */
a { color: #333333; }

.wrap { position: relative; }

/** icon样式表 */
.icon-home { background-image: url(../images/sprites/sprite.png); background-position: 0px -142px; width: 31px; height: 31px; }

.icon-home2 { background-image: url(../images/sprites/sprite.png); background-position: -39px -142px; width: 31px; height: 31px; }

.icon-index1 { background-image: url(../images/sprites/sprite.png); background-position: -55px 0px; width: 40px; height: 43px; }

.icon-index2 { background-image: url(../images/sprites/sprite.png); background-position: 0px 0px; width: 47px; height: 41px; }

.icon-index3 { background-image: url(../images/sprites/sprite.png); background-position: -103px 0px; width: 44px; height: 37px; }

.icon-index4 { background-image: url(../images/sprites/sprite.png); background-position: 0px -49px; width: 43px; height: 43px; }

.icon-index5 { background-image: url(../images/sprites/sprite.png); background-position: -103px -45px; width: 37px; height: 37px; }

.icon-index6 { background-image: url(../images/sprites/sprite.png); background-position: -55px -51px; width: 38px; height: 35px; }

.icon-step1-on { background-image: url(../images/sprites/sprite.png); background-position: 0px -100px; width: 35px; height: 34px; }

.icon-step1 { background-image: url(../images/sprites/sprite.png); background-position: -43px -100px; width: 35px; height: 34px; }

.icon-step2-on { background-image: url(../images/sprites/sprite.png); background-position: -155px -42px; width: 32px; height: 36px; }

.icon-step2 { background-image: url(../images/sprites/sprite.png); background-position: -155px -86px; width: 32px; height: 36px; }

.icon-step3-on { background-image: url(../images/sprites/sprite.png); background-position: -86px -100px; width: 34px; height: 34px; }

.icon-step3 { background-image: url(../images/sprites/sprite.png); background-position: -155px 0px; width: 34px; height: 34px; }

.icon-user { background-image: url(../images/sprites/sprite.png); background-position: -78px -142px; width: 30px; height: 30px; }

/** 1通用头部-------------icon */
.icon-home { width: 31px; }

/** 1.循环动效 */
.revealOnScroll { opacity: 0; }

.revealOnScroll.animated { opacity: 1; }

.slide-market50 { -webkit-animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1; animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1; }

@-webkit-keyframes slide-market50 { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { opacity: 1; } }

@keyframes slide-market50 { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { opacity: 1; } }
/** 分页条样式 */
.page-num { width: 1000px; margin: 0 auto; margin-top: 80px; line-height: 34px; text-align: center; color: none; }
.page-num a { color: none; }
.page-num a { display: inline-block; width: auto; height: 34px; overflow: hidden; vertical-align: -13px; }
.page-num a.z_num, .page-num .z_pret { background: #F4F4F4; width: 34px; color: #333333; border-radius: 5px; border: 1px solid #ccc; }
.page-num .z_num:hover { background: #F97908; color: #fff; }
.page-num input.z_num { height: 34px; border: 1px solid #ccc; text-align: center; }
.page-num .z_pret { padding: 0px 5px; }

.header { position: relative; height: 110px; font-size: 18px; line-height: 110px; text-align: center; color: #232323; }
.header a { color: #232323; }
.header .background { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; }
.header .background .background-left, .header .background .background-right { width: 50%; height: 111px; }
.header .background .background-left { background: #293036; }
.header .background .background-right { background: #38C2DF; }
.header .wrap { background: url("../images/c_logo1.png") left center no-repeat; height: 111px; position: relative; }
.header .wrap .index-link { position: absolute; width: 285px; height: 108px; overflow: hidden; left: 0; top: 0; }
.header .wrap .nav { margin-left: 282px; }
.header .wrap .nav li { width: 145px; height: 111px; float: left; overflow: hidden; overflow: visible; background: #fff; }
.header .wrap .nav .nav-home { background: #293036; border-left: 1px solid #303840; }
.header .wrap .nav .nav-home.on, .header .wrap .nav .nav-home:hover { background: #F7551F; }
.header .wrap .nav .nav-home .icon { vertical-align: -10px; }
.header .wrap .nav .nav-link a { padding: 40px 10px; }
.header .wrap .nav .nav-link.on a, .header .wrap .nav .nav-link a:hover { color: #F7551F; border-bottom: 4px solid #F7551F; }
.header .wrap .nav .nav-user { width: 62px; background: #EEEDED; }
.header .wrap .nav .nav-user:hover .dropdown-menu { display: block; }
.header .wrap .nav .nav-user .dropdown-menu { display: none; }
.header .wrap .nav .nav-user .dropdown-menu li { height: 40px; width: 120px; font-size: 14px; line-height: 40px; text-align: center; color: none; border-bottom: 1px solid #ccc; }
.header .wrap .nav .nav-user .dropdown-menu li a { color: none; }

.footer { background: #293036; height: 60px; font-size: 14px; line-height: 60px; text-align: center; color: #fff; }
.footer a { color: #fff; }

.flash, .flash .bd { overflow: hidden; position: relative; }

.banner { height: 360px; background: url("../images/zy_list_news_banner_bg1.jpg") center center no-repeat; }

.index-sec1 { background: #F0F0F0; padding: 14px 0px; }
.index-sec1 .wrap { border: 1px solid #EBE5E5; background: #fff; }
.index-sec1 .wrap .content { padding: 35px 40px; }
.index-sec1 .wrap .content .line { padding: 10px; border-bottom: 1px dashed #ccc; }
.index-sec1 .wrap .content .line .pic { padding: 12px 0px; }
.index-sec1 .wrap .content .line .pic img { width: 326px; height: 230px; overflow: hidden; }
.index-sec1 .wrap .content .line .txt { display: table; width: 674px; }
.index-sec1 .wrap .content .line dl { display: table-cell; vertical-align: middle; height: 231px; width: 674px; position: relative; }
.index-sec1 .wrap .content .line dl dt { font-size: 30px; line-height: 60px; text-align: left; font-weight: bold; }
.index-sec1 .wrap .content .line dl dt:hover a { color: #F7551F; }
.index-sec1 .wrap .content .line dl dd { line-height: 1.5; text-align: left; color: #656565; margin-top: 5px; }
.index-sec1 .wrap .content .line dl dd a { color: #656565; }
.index-sec1 .wrap .content .line dl .cl-list-time { font-size: 14px; line-height: 40px; text-align: right; right: 0px; }

.index-sec3 { background: url("../images/zy_index_4_bg1.jpg") center bottom no-repeat; height: 538px; }
.index-sec3 .line1 { height: 168px; background: url("../images/zy_index_4_bg2.png") center bottom no-repeat; }
.index-sec3 .line2 { background: url("../images/zy_index_4_bg4.png") center 80px no-repeat; }
.index-sec3 .line2 .line-block { width: 302px; height: 178px; overflow: hidden; margin-right: 90px; position: relative; }
.index-sec3 .line2 .line-block.end { margin-right: 0; }
.index-sec3 .line2 .line-block .step-number { font-size: 30px; line-height: 2; text-align: center; color: #fff; font-weight: bold; }
.index-sec3 .line2 .line-block .step-number a { color: #fff; }
.index-sec3 .line2 .line-block .step-title { background: #fff; height: 81px; font-size: 24px; line-height: 81px; text-align: center; color: #373737; }
.index-sec3 .line2 .line-block .step-title a { color: #373737; }
.index-sec3 .line2 .line-block .step-title .icon { margin-right: 22px; vertical-align: -6px; }
.index-sec3 .line2 .line-block .step-intro { font-size: 14px; line-height: 50px; text-align: center; color: #fff; }
.index-sec3 .line2 .line-block .step-intro a { color: #fff; }
.index-sec3 .line2 .line-block.on .step-number { color: #F75620; }
.index-sec3 .line2 .line-block.on .step-title { background: #F75620; color: #fff; }
.index-sec3 .line2 .line-block.on .icon-step1 { background-position: 0px -100px; }
.index-sec3 .line2 .line-block.on .icon-step2 { background-position: -155px -42px; }
.index-sec3 .line2 .line-block.on .icon-step3 { background-position: -86px -100px; }
.index-sec3 .line3 { margin-top: 60px; }
.index-sec3 .line3 .start-btn { display: block; margin: 0 auto; background: url("../images/zy_index_4_bg3.png") center bottom no-repeat; width: 308px; height: 74px; overflow: hidden; font-size: 22px; line-height: 74px; text-align: center; color: #fff; }
.index-sec3 .line3 .start-btn a { color: #fff; }
